.white{
      background-color: white;


}

.mid{

    font-size: 30px;

}
.big{
    font-size: 60px;


}
.bigger{
    font-size: 80px;

}
.white:hover{
    background-color: pink;

}
.alive{
    -webkit-transition:all 5s ease;
    padding:10px 10px 10px 10px;
    border-radius: 50px;
    outline: none;
    cursor: pointer;
    transition:all 0.1s;
}
.white:active {
    color:white;
    background-color: darkgray;
}

.black{
    color:white;
    background-color: black;
}
.black:hover{
    background-color: pink;

}
.black:active {
    color:white;
    background-color: darkgray;
}
.warm{
    color:white;
    background-color: pink;
    box-shadow: 0 6px #d9cbcd;
}
.warm:hover{
    background-color: #499249;
}

.warm:active {

    box-shadow: 0 5px #d9cbcd;
    transform: translateY(5px);
}
.cold{
    color:white;
    background-color: blue;
}
.cold:hover{
    background-color: #499249;
}
.cold:active {
    color:white;
    background-color: darkgray;
}



